/* dejanc@gmail.com */


table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong, b {
font-weight: bolder;
    font-size: 13px;
}
em, i {
font-style:italic;
}
* {
margin:0pt;
padding:0pt;
}



a {
	color:#406b95;
	text-decoration:none;
}

a:hover {
	color:#000;
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.wrapper {
	width:969px;
	margin:0px auto;
}

#bbody {
	background:url(images/bbody.jpg) center repeat-y;
	width:100%;
	height: 500px;
}





#featured {
	/*background:url(images/featuredbg.png) center top no-repeat;*/
	height:329px;
	position:relative;
	    padding-top: 31px;
}
.xuanzewomentitle{
	text-align: center;
	    line-height: 3;
	    font-size: 26px;
	    color: #565556;
}

/** ************ slider **************************************/

/* container for slides */
.images {
	position:relative;	
	height:329px;	
	width:910px;
	float:left;	
	cursor:pointer;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;			
	height:229px;
	color:#3b3b3b;
	text-shadow:0 1px 0 #fff;
	padding: 35px 0px 0 0px;
}

.images div img{
	position:absolute;
	left: 425px;
	top: 10px;
	width: 430px;
	    border: 10px solid #d3d3d3;
		border-radius: 20px;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#565556;
}
.images a{
	color: #ff0000b8;
	    padding-left: 263px;
		font-size: 15px;
	
}
.images p {
	line-height: 24px;
	    width: 330px;
	    margin: 0 0 15px 0;
	    font-size: 15px;
	    text-indent: 28px;
	    letter-spacing: 1.5px;
		font-weight: 600;
}

#rright {
	position: absolute;
	    right: 0px;
	            top: 120px;
	    width: 27px;
}

/* tabs (those little circles below slides) */
.tabs {
padding:0 0 0 8px;
}

/* single tab */
.tabs a {
	width:10px;
	height:10px;	
	margin:10px 0;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -10px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -20px;     
} 	


/* prev and next buttons */
.forward, .backward {	
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:27px;
	height:28px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -28px; clear:right; }
.forward:hover 		{ background-position:-27px -28px; }
.forward:active 	 	{ background-position:-54px -28px; } 


/* prev */
.backward:hover  		{ background-position:-27px 0; }
.backward:active  	{ background-position:-54px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/* end slider */



@media screen and (max-width:600px ) {
	.images div {
	    display: none;
	    position: absolute !important;
	    top: 154px !important;
	    left: -35px !important;
	    height: 229px !important;
	    color: #3b3b3b;
	    text-shadow: 0 1px 0 #fff;
	    padding: 83px 0 0 45px !important;
	}
	#featured {
	    /* background: url(images/featuredbg.png) center top no-repeat; */
	    height: 492px !important;
	    position: relative;
	}
	
	.images a{
		color: #ff0000b8 !important;
		    padding-left: 263px;
			font-size: 15px;
			}
	.images div img {
	    position: absolute;
	    left: 36px !important;
	    top: -140px !important;
	    /* width: 430px; */
	    border: 5px solid #d3d3d3;
	    width: 72% !important;
	    height: auto !important;
	}
	.wrapper {
	    width: 355px !important;
	    margin: 0px auto;
	}
	#rright {
	    position: absolute !important;
	    right: 43px !important;
	    top: 40px !important;
	    width: 17px !important;
	}


table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
strong, b {
font-weight: bolder;
    font-size: 13px;
}
em, i {
font-style:italic;
}
* {
margin:0pt;
padding:0pt;
}



a {
	color:#406b95;
	text-decoration:none;
}

a:hover {
	color:#000;
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

.wrapper {
	width:100% !important;
	margin:0px auto;
}

#bbody {
	background:url(images/bbody.jpg) center repeat-y;
	width:100%;
	height: 570px !important;
}
















#featured {
	/*background:url(images/featuredbg.png) center top no-repeat;*/
	height:329px;
	position:relative;
	padding-top: 0px !important;
}

/** ************ slider **************************************/

/* container for slides */
.images {
	position:relative;	
	height:329px;	
	width:100%;
	float:left;	
	cursor:pointer;
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;			
	height:229px;
	color:#3b3b3b;
	text-shadow:0 1px 0 #fff;
	padding: 76px 0 0 45px;
}

.images div img{
	position:absolute;
	left:412px;
	top: 10px;
	width: 430px;
	    border: 10px solid #d3d3d3;
}

/* header */
.images h3 {
	font-size:22px;
	font-weight:bold;
	margin:0 0 10px 0;
	color:#565556;
}
.images p {
	line-height: 24px;
	    width: 100%;
	    margin: 0 0 15px 0;
	    font-size: 14px;
	    text-indent: 28px;
	    letter-spacing: 1.5px;
}

#rright {
	position: absolute;
	    right: 37px;
	        top: 82px;
	    width: 27px;
}

/* tabs (those little circles below slides) */
.tabs {
padding:0 0 0 8px;
}

/* single tab */
.tabs a {
	width:10px;
	height:10px;	
	margin:10px 0;
	background:url(images/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -10px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -20px;     
} 	


/* prev and next buttons */
.forward, .backward {	
	background:url(images/hori_large.png) no-repeat;
	display:block;
	width:27px;
	height:28px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -28px; clear:right; }
.forward:hover 		{ background-position:-27px -28px; }
.forward:active 	 	{ background-position:-54px -28px; } 


/* prev */
.backward:hover  		{ background-position:-27px 0; }
.backward:active  	{ background-position:-54px 0; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/* end slider */}